<template>
	<view class="container">

		<view>
			<u--form labelPosition="left" :model="model1" ref="form1" labelWidth='180px' :labelStyle='labelStyle'>

				<view class="box">
					<u-form-item label="作业票名称" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="申请人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="申请提交时间">
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>

				</view>
				<view class="box">
					<u-form-item label="作业负责人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="审批结果" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="意见">
						<u--textarea v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none">
						</u--textarea>
					</u-form-item>

				</view>
				<view class="box">
					<u-form-item label="所在单位审批人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="审批结果" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="意见">
						<u--textarea v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none">
						</u--textarea>
					</u-form-item>

				</view>

				<view class="box">
					<u-form-item label="安全管理部门审批人" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="审批结果" borderBottom>
						<u--input v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none"></u--input>
					</u-form-item>
					<u-form-item label="意见">
						<u--textarea v-model="model1.userInfo.name" disabled disabledColor='#fff' border="none">
						</u--textarea>
					</u-form-item>

				</view>



			</u--form>
			<!-- <u-button type="primary" text="申请" @click="submit" class='but'></u-button> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showSex: false,
				labelStyle: {
					color: '#666'
				},
				model1: {
					userInfo: {
						name: '123',
						sex: '',
					},
				},

				rules: {
					'userInfo.name': {
						type: 'string',
						required: true,
						message: '请填写姓名',
						trigger: ['blur', 'change']
					},
					'userInfo.sex': {
						type: 'string',
						max: 1,
						required: true,
						message: '请选择男或女',
						trigger: ['blur', 'change']
					},
				},
				radio: '',
				switchVal: false
			};
		},
		methods: {
			submit() {
				console.log(this.model1)
			}
		}
	}
</script>

<style lang="scss">
	.container {
		padding: 40rpx 24rpx;
		background-color: #f6f6f6;

		.title {
			font-size: 28rpx;
			font-weight: 500;
			color: #999999;
			line-height: 44rpx;
			padding: 20rpx 48rpx;
		}

		.box {
			padding: 0rpx 48rpx;
			background-color: #fff;
			border-radius: 20rpx;
			margin-bottom: 30rpx;
		}
	}

	.but {
		margin: 30rpx 0;
	}

	input {
		background-color: #fff !important;
	}
</style>
